<template>
    <!-- 最外层只能有一个组件，不能出现多个 -->
    <!-- 最外层class命名规则 工程-文件路径-文件名  -->
    <div class="demo-extendPrototype-stringExtend">
        <div class="author-demo">
            <div>作者：黄彪</div>
            <div>日期：2017/11/02</div>
        </div>
        <div class="api">
            <div class="anchor">
                <h2 id="API">Array Object API</h2>
            </div>
            <div class="anchor">
                <h3 id="Select_props">extend methods</h3>
            </div>
            <table>
                <thead>
                <tr>
                    <th>方法名</th>
                    <th>说明</th>
                    <th>参数</th>
                    <th>返回值</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>isURL</td>
                    <td>检查是否是URL地址</td>
                    <td>无</td>
                    <td>
                        Boolean，如果是地址返回true,如果不是地址，返回false
                    </td>
                </tr>

                <tr>
                    <td>isEmail</td>
                    <td>检查表单是否是email字符串</td>
                    <td>无</td>
                    <td>
                        Boolean，如果是Email字符串返回true,如果不是Email字符串，返回false
                    </td>
                </tr>

                <tr>
                    <td>isPhoneNumber</td>
                    <td>检查号码，正确格式为:XXXX-XXXXXXX，XXXX-XXXXXXXX，XXX-XXXXXXX，XXX-XXXXXXXX，XXXXXXX，XXXXXXXX</td>
                    <td>无</td>
                    <td>
                        Boolean，如果是号码字符串返回true,如果不是号码字符串，返回false
                    </td>
                </tr>

                <tr>
                    <td>len</td>
                    <td>获取字符串长度</td>
                    <td>无</td>
                    <td>
                        Number，返回字符串长度
                    </td>
                </tr>

                <tr>
                    <td>isFloat</td>
                    <td>检查是否是浮点数，包括0，包括正浮点数  负浮点数</td>
                    <td>无</td>
                    <td>
                        Boolean，如果满足条件则返回true，否则返回false
                    </td>
                </tr>

                <tr>
                    <td>isFloatNegativ</td>
                    <td>检查是否是非负浮点数，包括0</td>
                    <td>无</td>
                    <td>
                        Boolean，如果满足条件则返回true，否则返回false
                    </td>
                </tr>

                <tr>
                    <td>isFloatPositive</td>
                    <td>检查是否是正浮点数，包括0</td>
                    <td>无</td>
                    <td>
                        Boolean，如果满足条件则返回true，否则返回false
                    </td>
                </tr>

                <tr>
                    <td>isInt</td>
                    <td>检查是否是整数，包括0，正整数，负整数</td>
                    <td>无</td>
                    <td>
                        Boolean，如果满足条件则返回true，否则返回false
                    </td>
                </tr>

                <tr>
                    <td>isIntPositive</td>
                    <td>检查是否是正整数,包含0</td>
                    <td>无</td>
                    <td>
                        Boolean，如果满足条件则返回true，否则返回false
                    </td>
                </tr>

                <tr>
                    <td>isIntNegativ</td>
                    <td>检查是否是负整数,包含0</td>
                    <td>无</td>
                    <td>
                        Boolean，如果满足条件则返回true，否则返回false
                    </td>
                </tr>

                <tr>
                    <td>isStartWith</td>
                    <td>检查字符串是否是指定字符串开头</td>
                    <td>无</td>
                    <td>
                        Boolean，如果满足条件则返回true，否则返回false
                    </td>
                </tr>

                <tr>
                    <td>isEndWith</td>
                    <td>检查字符串是否是指定字符串结尾</td>
                    <td>无</td>
                    <td>
                        Boolean，如果满足条件则返回true，否则返回false
                    </td>
                </tr>

                <tr>
                    <td>capitalize</td>
                    <td>一个单词首字母大写</td>
                    <td>无</td>
                    <td>
                        String，返回首字母大写的字符串
                    </td>
                </tr>

                <tr>
                    <td>getEn</td>
                    <td>去除非字母和空格（保留字母和空格）</td>
                    <td>无</td>
                    <td>
                        String，将原有字符串中去除非字母和空格
                    </td>
                </tr>

                <tr>
                    <td>reverse</td>
                    <td>字符串字母逆序</td>
                    <td>无</td>
                    <td>
                        String，字符串字母逆序
                    </td>
                </tr>

                <tr>
                    <td>isContains</td>
                    <td>检查字符串是否包含自定字符串</td>
                    <td>无</td>
                    <td>
                        Boolean，如果满足条件则返回true，否则返回false
                    </td>
                </tr>

                <tr>
                    <td>trim</td>
                    <td>去除两边的空格</td>
                    <td>无</td>
                    <td>
                        String
                    </td>
                </tr>

                <tr>
                    <td>trimLeft</td>
                    <td>除去左边空白</td>
                    <td>无</td>
                    <td>
                        String
                    </td>
                </tr>
                <tr>
                    <td>trimRight</td>
                    <td>除去右边空白</td>
                    <td>无</td>
                    <td>
                        String
                    </td>
                </tr>

                <tr>
                    <td>delBlank</td>
                    <td>去除所有的空白</td>
                    <td>无</td>
                    <td>
                        String,返回去除空格的字符串
                    </td>
                </tr>

                <tr>
                    <td>toDate</td>
                    <td>字符串转换为日期型</td>
                    <td>无</td>
                    <td>
                        Date
                    </td>
                </tr>

                <tr>
                    <td>htmlEncode</td>
                    <td>HTML转义字符</td>
                    <td>无</td>
                    <td>
                        String
                    </td>
                </tr>

                <tr>
                    <td>removeHtmlTag</td>
                    <td>删除字符串中HTML标签</td>
                    <td>无</td>
                    <td>
                        String
                    </td>
                </tr>
                <tr>
                    <td>toJson</td>
                    <td>将json字符串转为json对象</td>
                    <td>无</td>
                    <td>
                        String
                    </td>
                </tr>

                <tr>
                    <td>normalCharInputOnly</td>
                    <td>检查用户输入的文字只能是中文，英文，数字，如果不是则替换为空</td>
                    <td>无</td>
                    <td>
                        String
                    </td>
                </tr>

                <tr>
                    <td>isNormalChar</td>
                    <td>检查是否是中文，英文，数字，</td>
                    <td>无</td>
                    <td>
                        Boolean ,如果是返回false，否则返回true
                    </td>
                </tr>

                <tr>
                    <td>isUtf16</td>
                    <td>检查是否含有utf16字符</td>
                    <td>无</td>
                    <td>
                        Boolean ,如果是返回false，否则返回true
                    </td>
                </tr>

                <tr>
                    <td>getEntitiesByUtf16</td>
                    <td>用于把用utf16编码的字符转换成实体字符，以供后台存储</td>
                    <td>无</td>
                    <td>
                        String,utf16字符将被转换成&#xxxx;形式的实体字符
                    </td>
                </tr>

                <tr>
                    <td>restfulFormat</td>
                    <td>将URL地址转为restful风格</td>
                    <td>
                        Object<br/>
                        var url = "http://localhost:8080/yunpan/{username}/aaa/{name}";<br/>
                        console.log( url.restfulFormat({username: '111', name: 'yc'}))<br/>
                    </td>
                    <td>
                        String
                    </td>
                </tr>

                <tr>
                    <td>dateStart</td>
                    <td>将日期格式的字符串转为起始时间</td>
                    <td>
                        无<br/>
                        var startDate="2016-09-21 2:1:2";<br/>
                        var result = startDate.dateStart();<br/>
                    </td>
                    <td>
                        String
                    </td>
                </tr>

                <tr>
                    <td>dateEnd</td>
                    <td>将日期格式的字符串转为结束时间</td>
                    <td>
                        无<br/>
                        var startDate="2016-09-21 2:1:2";<br/>
                        var result = startDate.dateEnd();<br/>
                    </td>
                    <td>
                        String
                    </td>
                </tr>

                </tbody>
            </table>

        </div>
    </div>
</template>

<script>

    export default {
        mounted:function (){
        }
    }
</script>

<style lang="scss" scoped>
    /***
   scoped ： 表示当前写的样式是针对当前页面的，对其他页面没有影响
   lang="scss": 表示我写的样式代码是针对SASS的，不是less等。强调，属性的值是scss
   ***/
    .demo-extendPrototype-stringExtend {
        margin: 40px;
        .api table {
            font-family: Consolas, Menlo, Courier, monospace;
            font-size: 12px;
            border-collapse: collapse;
            border-spacing: 0;
            empty-cells: show;
            border: 1px solid #e9e9e9;
            width: 100%;
            margin-bottom: 24px;
        }

        .api table td, .api table th {
            border: 1px solid #e9e9e9;
            padding: 8px 16px;
            text-align: left;
        }

        .api table th {
            background: #f7f7f7;
            white-space: nowrap;
            color: #5c6b77;
            font-weight: 600;
        }
    }
</style>
